<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>音频播放</title>

    <!--引入 element-ui 的样式，-->
    <link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
    <!-- 必须先引入vue，  后使用element-ui -->
    <script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
    <!-- 引入element 的组件库-->
    <script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>

    <script type="text/javascript" src="/admin/plugin/element-ui/httpVueLoader.js"></script>

    <!--引入layui组件-->
    <link rel="stylesheet" href="/admin/plugin/layui/dist/css/layui.css"  media="all">
    <script src="/admin/plugin/layui/dist/layui.js" charset="utf-8"></script>

    <script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1"></script>

</head>
<body>
<div id="app"  >
    <div style="padding: 10px 10px;">
        <audio controls style="width: 700px" v-for="(item,index) in list">
            <source :src="item" type="audio/mpeg">
        </audio>
    </div>
</div>
</body>
<script>

    var vm = new Vue({
        el:"#app",
        data:{
            data1:{},
            list:[],
        },
        created(){
            this.init();
        },
        methods:{
           init(){
               this.data1 = getParams();
               this.list = this.data1.playurl.split(",");
           }
        }
    });
</script>
</html>